@charset "utf-8";
/* Css Document */
@font-face {
    font-family: 'Gotham Book';
    src: url('../Fonts/Gotham-Book.eot');
    src: url('../Fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),
        url('../Fonts/Gotham-Book.woff2') format('woff2'),
        url('../Fonts/Gotham-Book.woff') format('woff'),
        url('../Fonts/Gotham-Book.ttf') format('truetype'),
        url('../Fonts/Gotham-Book.svg#Gotham-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
*, *:after, *:before{ -webkit-box-sizing:border-box; box-sizing:border-box;}
html{ -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
html,input,textarea{ font-family:-apple-system,BlinkMacSystemFont,HarmonyOS Sans SC,PingFang SC,Helvetica Neue,Helvetica,Arial,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif; font-size:14px; color:#666; letter-spacing:0.25px;}
body{ width:expression(document.body.clientWidth <= 320? "1200px": "auto"); min-width:320px; background-color:#fff;}
body,div,ul,li,dl,dt,dd,ol,form,a,span,p,h1,h2,h3,h4,h5,h6,label,table,tbody,tr,th,td,object,iframe,icon{ margin:0; padding:0;}
center{ font-size:18px; letter-spacing:0.75px; text-transform:uppercase;}
html,body{ height:100%;}
img{ border:none; vertical-align:bottom;}
ul,li{ list-style-type:none;}
a{ color:#666; text-decoration:none;}
a:hover{ color:#c40e18; text-decoration:none;}
a { outline: none;}
a:active { star: expression(this.onFocus=this.blur());}
:focus { outline: 0;}
.clear { width: 0; height: 0; padding: 0; margin: 0; clear: both;}
.flex { display: flex; justify-content: space-between;}
.main{ max-width: 1400px; margin: auto;}
@media screen and (max-width:1430px){ .main{ max-width:inherit; margin:0 3.5%;}}
@media screen and (max-width:1024px){ .main{ margin:0 15px;}}
::-webkit-scrollbar { width: 8px;}
::-webkit-scrollbar-track { background: #f0f0f0;}
::-webkit-scrollbar-thumb { background: #c0c0c0;}
::-webkit-scrollbar-thumb:window-inactive { background: #c0c0c0;}
::-webkit-scrollbar-thumb:vertical:hover { background: #c0c0c0;}
@media screen and (max-width:1024px){::-webkit-scrollbar { width: 0;}}

/* Css Top */
.db-bg { background-color: #fff; height: 120px; position: relative;}
.db-sj { display: none;}
.db-sj a { display: block; position: absolute; left: 15px; top: 0; z-index: 99; width: 20px; height: 60px;}
.db-sj a span { display: block; position: absolute; left: 0; top: 50%; width: 20px; height: 2px; margin-top: -1px; background-color: #fff;}
.db-sj a span::before,.db-sj span::after { content: ''; position: absolute; width: 100%; height: 100%; left: 0; background-color: inherit;}
.db-sj a span::before { bottom: 6px;}
.db-sj a span::after { top: 6px;}
.db-ys { width: 27.5%; height: 100%; background-color: #004098; border-bottom: 1px solid rgba(255,255,255,.08);}
.db-dh { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.db-dh .main{ background-color: #fff; height: 100%;}
.db-dh-lg { width: 267px; height: 120px; background-color: #004098; border-bottom: 1px solid rgba(255,255,255,.08);}
.db-dh-lg a { display: block; width: 230px; height: 45px; background: url(../Images/logo.png) no-repeat left center; background-size: 230px 45px; margin-top: 37px;}
.db-dh-lb { flex: 1 1 auto; margin: 40px 8.875% 0;}
.db-dh-lb li a { display: block; font-size: 16px; font-weight: 500; color: #333; height: 40px; line-height: 40px; padding:0 15px; -webkit-transition: all .3s ease; transition: all .3s ease;}
.db-dh-lb li:hover a { color: #fff; background-color: #f08300;}
#index .db-dh-lb li:nth-child(1) a, #about .db-dh-lb li:nth-child(2) a, #product .db-dh-lb li:nth-child(3) a, #service .db-dh-lb li:nth-child(4) a, #news .db-dh-lb li:nth-child(5) a, #contact .db-dh-lb li:nth-child(6) a { color: #fff; background-color: #f08300;}
.db-dh-yy a { display: block; width: 130px; height: 40px; background-color: #f08300; background-image: url(../Images/yy.png); background-repeat: no-repeat; background-position: 10px center; margin-top: 40px; font-size: 15px; font-weight: 500; color: #fff; text-transform: uppercase; letter-spacing: 0.75px; line-height: 40px; padding-left: 45px; -webkit-transition: all .3s ease; transition: all .3s ease;}
.db-dh-yy a:hover { background-color: #004098;}
.db-ej { width: 100%; height: 60px; background-color: #004098;}
.db-ej-lb { margin-left: calc(11.75% + 245px); width: 359px; height: 60px; background:url(../Images/gg.png) no-repeat center; background-size: 359px 18px;}
.db-ej-lb a { display:block; font-size: 18px; color: #fff; letter-spacing: 2px; line-height: 60px; padding-left: 17px; margin-right: 45px; background:url(../Images/jt.png) no-repeat left center;}
.db-ej-tl { width: 223px; height: 60px; background: url(../Images/tel.png) no-repeat center; background-size: 223px 24px;}
@media screen and (max-width: 1366px) {
    .db-dh-lb { margin: 40px 6% 0;}
}
@media screen and (max-width: 1200px) {
    .db-dh-lb { margin: 40px 1.5% 0;}
	.db-dh-lb li a { padding: 0 10px;}
}
@media screen and (max-width: 1024px){
    .db-bg { position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 60px; background-color: #004098;}
	.db-dh .main { background-color: #004098;}
    .db-sj { display: block;}
	.db-ys { border-bottom: none;}
    .db-dh-lg { float: inherit; width: 133px; height: 26px; margin: 17px auto; border-bottom: none;}
	.db-dh-lg a { width: 100%; height: 100%; background-size: 100%; margin-top: 0;}
    .db-dh-lb { display: none;}
	.db-dh-yy a { display: none;}
	.division { height: 60px;}
	.db-ej { height: 40px; border-top: 1px solid rgba(255,255,255,.08);}
	.db-ej-lb { margin-left: 0; width: 189px; height: 40px; background-image: url(../Images/gg02.png); background-size: 189px 12px;}
	.db-ej-tl { width: 130px; height: 40px; background-size: 130px 14px;}
}
@media screen and (max-width: 640px) {
    .db-bg { height: 50px;}
    .db-sj a { height: 50px;}
	.db-dh-lg { width: 123px; height: 24px; margin: 13px auto;}
	.division{ height:50px;}
}
@media screen and (max-width: 320px) {
	.db-ej-lb { width: 100%;}
    .db-ej-tl { display: none;}
}

/* Css Bottom */
.bt-bg { background-color: #222; padding: 2.35% 0 0;}
.bt-bg .bt-sm .bt-lg { width: 114px; height: 100px; background: url(../Images/logo2.png) no-repeat center; margin-top: 5px;}
.bt-bg .bt-sm .bt-ls { width: 47.5%;}
.bt-bg .bt-sm .bt-ls ul li h3 { font-weight: 600; font-size: 18px; color: #fff; text-transform: uppercase; letter-spacing: .75px; margin-bottom: 17px;}
.bt-bg .bt-sm .bt-ls ul li a { display: block; font-size: 15px; color: #999; line-height: 33px; cursor: pointer;}
.bt-bg .bt-sm .bt-ls ul li a:hover { color:#fff;}
.bt-bg .bt-sm .bt-ewm { width: 120px; margin-top: 5px;}
.bt-bg .bt-sm .bt-ewm img { display: block; width: 120px; height: 120px; border-radius: 5px;}
.bt-bg .bt-bq { margin-top: 2.35%; padding: 1.45% 0; border-top: 1px solid rgba(255,255,255,0.05); font-size: 14px; color: #666;}
.bt-bg .bt-bq .bt-zb span { margin-left: 5px;}
.bt-bg .bt-bq .bt-yb a { color: #666; margin-left: 10px;}
.bt-bg .bt-bq .bt-yb a:hover { color: #f08300;}
@media screen and (max-width: 1200px) {
    .bt-bg .bt-sm .bt-ls { width: 57.5%;}
}
@media screen and (max-width: 1024px) {
    .bt-bg .bt-sm .bt-lg { width: 80px; height: 70px; background-size: 80px 70px;}
    .bt-bg .bt-sm .bt-ls { width: 60%;}
    .bt-bg .bt-sm .bt-ls ul li h3 { font-size: 15px; margin-bottom: 14px;}
    .bt-bg .bt-sm .bt-ls ul li a { font-size: 13px; line-height: 28px;}
    .bt-bg .bt-sm .bt-ewm { width: 80px;}
    .bt-bg .bt-sm .bt-ewm img { width: 80px; height: 80px;}
    .bt-bg .bt-bq { font-size: 13px;}
}
@media screen and (max-width: 768px) {
    .bt-bg .bt-sm .bt-ls ul li:first-child { display: none;}
}
@media screen and (max-width: 640px) {
    .bt-bg .bt-sm { flex-wrap: wrap;}
    .bt-bg .bt-sm .bt-lg { display: none;}
    .bt-bg .bt-sm .bt-ls { width: 65%;}
    .bt-bg .bt-sm .bt-ls ul li h3 { margin-bottom: 10px;}
    .bt-bg .bt-sm .bt-ls ul li a { line-height: 27px;}
    .bt-bg .bt-bq .bt-tx { flex-wrap: wrap; line-height: 24px;}
    .bt-bg .bt-bq .bt-zb { width: 100%; text-align: center;}
    .bt-bg .bt-bq .bt-yb { width: 100%; text-align: center;}
}
@media screen and (max-width: 480px) {
    .bt-bg { padding: 20px 0 0;}
    .bt-bg .bt-sm .bt-ls { width: 77.5%; padding-right: 10px;}
    .bt-bg .bt-bq { margin-top: 20px; padding: 12px 0;}
    .bt-bg .bt-bq .bt-yb { margin-top: 5px;}
}
@media screen and (max-width: 375px) {
    .bt-bg .bt-sm .bt-ls { width: 100%; padding-right: 0;}
    .bt-bg .bt-sm .bt-ewm { margin-top: 20px;}
}

/* Css BackTop */
.izl-rmenu { position: fixed; right: 20px; bottom: 20px; z-index: 999;}
.izl-rmenu .btn { width: 52px; height: 48px; cursor: pointer; position: relative;}
.izl-rmenu .btn-top { background: url(../images/fhdb.png) no-repeat; display: none;}
.izl-rmenu .btn-top:hover { background:url(../images/fhdb2.png) no-repeat;}
@media screen and (max-width: 1024px) {
    .izl-rmenu { right: 10px; bottom: 10px;}
    .izl-rmenu .btn { width: 43px; height: 40px;}
    .izl-rmenu .btn-top { background-size: 43px 40px;}
    .izl-rmenu .btn-top:hover { background-size: 43px 40px;}
}